/*--------------------common--------------------*/
/*header*/
.bg_img{
	background: url(../images/main_bg.png) repeat-x;
}
.logo{
	height: 57px;
	width: 179px;
	margin-top: 20px;
	background: url(../images/pub_bg.png) no-repeat 0 0;
}
.nav_wrap{
	width: auto;
	margin-top: 25px;
}
.function_wrap{
	height: 25px;
	color: #838383;
}
.function_wrap a{
	color: #838383;
}
.function_wrap a:hover{
	color: #0090ff;
}
.shop{
  z-index: 9999;
  padding: 0px 5px 0 25px; 
	background: url(../images/pub_bg.png) no-repeat -910px -6px;
  background-color: #E6E6E6;
  border: solid 1px #E6E6E6;
  border-bottom: none;
}
.shop_hover{
  border: solid 1px #0090ff;
  border-bottom: none;
  background-color: #fff!important;
  zoom: 1;
}
.shop span{
	color: #fa680c;
}
.carts{
  top: 45px;
  _top: 47px;
  right: 50%;
  margin-right: -480px;
  z-index: 9998;
  padding: 15px;
  background-color: #fff;
  border: solid 1px #0090ff;
}
.carts_goods_hovre tr td{
  padding: 5px;
}
.carts_goods_hovre tr:hover{
  background-color: #F1F9FE
}
.submit_buy{
  margin: 10px 0 0!important;
}
.carts_goods{
  *display: inline-block;
  padding: 0 10px;
}
.carts_goods span{
  line-height:50px;
}
.nav{
	height: 40px;
}
.nav ul li{
	float: left;
	list-style: none;
	font-weight: bold;
	font-size: 18px;
	margin-left: 18px;
}
.nav ul li a{
	text-decoration: none;
	color: #444;
}
.nav ul li a:hover{
	color: #0090ff;
}
/*footer*/
.footer{
  padding:50px 0;
}
.footer p,.footer a{
  color: #bcbcbc;
  text-decoration: none;
}
.phone400{
  height: 57px;
  width: 207px;
  margin-top: 35px;
  margin-left: 100px;
  background: url(../images/pub_bg.png) no-repeat -186px 0;
}
.service{
  height: 57px;
  width: 142px;
  margin-top: 35px;
}
.service a{
  height: 57px;
  width: 142px; 
  background: url(../images/pub_bg.png) no-repeat -394px 0;
}
.service a:hover{
  background: url(../images/pub_bg.png) no-repeat -536px 0;
}
/*common_bg*/
.common_bg{
  border: solid 1px #e2e2e2;
  background-color: #f3f3f3;
}
/*common_bg_color1*/
.common_bg_color1{
  background-color: #E3E3E3;
}
/*common_bg_color2*/
.common_bg_color2{
  background-color: #0090ff;
}
/*common input*/
.input_text{
  padding: 10px;
  margin: 10px 10px 10px 0;
  color: #999;
}
.error_input_text{
  border: solid 1px #B00004;
  padding: 10px;
  margin: 10px 10px 10px 0;
  color: #999;
}
.ture_text{
  color: #037821;
  padding-left: 22px;
  background: url(../images/onCorrect.gif) no-repeat 0 0;
}
.error_text{
  color: #B00004;
  padding-left: 22px;
  background: url(../images/onError.gif) no-repeat 0 0;
}
/*commen botton*/
.submit{
  height: 33px;
  width: 100px;
  border: none;
  color: #fff;
  cursor: pointer;
  margin-right: 20px;
  background: url(../images/submit_bg.png) repeat-x 0 0;
}
.submit:hover{
  background: url(../images/submit_bg.png) repeat-x 0 -34px;
}
.submit2{
  height: 33px;
  width: 100px;
  color: #444;
  cursor: pointer;
  margin-right: 20px;
}


/*--------------------index--------------------*/
/*wrapper*/
.wrapper {
	width: 960px;
	height: 430px;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  background: url(../images/loading.gif) no-repeat center;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: 430px;
  float: left;
  width: 100%;
  border: 0;
  }
  .shadow{
  	height: 40px;
  	width: 960px;
  	background: url(../images/pub_bg.png) no-repeat 0 -61px;
  }
  /*hotgoods*/
  .hotgoods p{
  	font-size: 22px;
  	font-weight: bold;
  	padding-left: 20px;
  	margin: 0px;
  	color: #0090ff;
  	background: url(../images/pub_bg.png) no-repeat -915px -27px;
  }
  .good{
    width: 478px;
    height: 270px;
    border: solid 1px #fff;
    border-top: solid 3px #0090ff;
    float: left;
    background: url(../images/loading.gif) no-repeat center;
  }


/*guarantee*/
.guarantee{
  height: 60px;
  background: url(../images/pub_bg.png) no-repeat 0 -116px; 
}

/*-------------------------shop---------------------*/
/*choice*/
.choices{
  border: solid 1px #e2e2e2;
  background-color: #f3f3f3;
}
.choice{
  width: auto;
  height: auto;
  margin-left: 20px;
  padding: 10px 0;
}
.choice p{
  color: #4b4b4b;
}
.choice p a{
  color: #8c8c8c;
  padding: 0 6px;
  text-decoration: none;
}
.choice p a:hover{
  background-color: #0090ff;
  color: #fff;
}
/*hot_shop_goods*/
.shop_wrapper{
  width: 960px;
  height: 300px;
  border: solid 1px #e9e9e9; 
}
.shop_wrapper img{
  width: 960px;
  height: 300px;
}
.hot_shop_goods div{
  border: solid 1px #fff;
  border-top: solid 3px #0090ff;
  background: url(../images/loading.gif) no-repeat center;

}
.shop1,#shop1{
  width: 618px;
  height: 400px;
}
.shop2,.shop3{
  float: right;
}
.shop2,#shop2,.shop3,#shop3{
  height: 198px;
  width: 338px;
}
/*shop_goods*/
.shop_goods{
  border: solid 1px #e9e9e9; 
  border-right:solid 1px #fff;
  border-bottom:solid 1px #fff;
}
.goodswall{
  height: 255px;
  width: 319px;
  border-right: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  padding: 20px 0;
}
.goodswall img{
  height: 180px;
  width: 230px;
  display: block;
  margin: 0 auto;
}
/*-------------------------login & register------------------*/
/*login*/
.login_bg{
  height: auto;
  margin: 20px auto;
  background: url(../images/welcome.png) no-repeat;
}
.login_wrap{
  height: auto;
  width: 400px;
}
.login_input{
  width: 260px;
}
.login{
  padding: 20px;
}
.login_shadow{
  height: 22px;
  background: url(../images/login_bg.png) no-repeat;
}
.register_wrap{
  padding: 30px 60px;
}
.register{
  width: 100%;
  padding: 5px 0;
  *padding: 0;
  color: #4d9511;
}
/*register*/
.register_wraps{
  padding: 30px 0px;
}
.register_shadow{
  height: 22px;
  background: url(../images/register_bg.png) no-repeat;
}

/*----------------------buy goods---------------------*/
/*preview*/
#preview {text-align: center; margin: 30px 0 0px 30px; width: 310px; float: left;}
.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width: 310px; margin-bottom: 10px; height: 310px; overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; _height: 310px; position: relative;}
.zoomdiv {width: 310px; height: 310px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 310px; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 310px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
#spec {position: relative; width: 300px; height: 56px; margin-left: 6px; overflow: hidden; padding-top: 6px}
.specLeftT {position: absolute; width: 5px; background: url(../images/goods_img/proddetlicon.gif) no-repeat -157px 0px; float: left; height: 9px; top: 17px; cursor: pointer; left: 0px}
.specRightT {position: absolute; width: 5px; background: url(../images/goods_img/proddetlicon.gif) no-repeat -164px 0px; float: left; height: 9px; top: 17px; cursor: pointer; right: 0px}
.specLeftF {position: absolute; width: 5px; background: url(../images/goods_img/proddetlicon.gif) no-repeat -145px 0px; float: left; height: 9px; top: 17px; cursor: pointer; left: 0px}
.specRightF {position: absolute; width: 5px; background: url(../images/goods_img/proddetlicon.gif) no-repeat -151px 0px; float: left; height: 9px; top: 17px; cursor: pointer; right: 0px}
#specList {display: inline; float: left; margin-left: 2px;}
#specList ul li {width: 50px; display: inline; float: left; margin-right: 4px}
#specList ul li img {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 40px; padding-right: 2px; margin-bottom: 1px; height: 40px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}
.bigimg {width: 800px; height: 800px;background: url(../images/loading.gif) no-repeat center;}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fede4f no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#specList {position: absolute; text-align: left; width: 270px; height: 60px; overflow: hidden; top: 0px; left: 13px}
#specList ul {position: absolute; width: 270px; left: 4px;padding-left: 0px!important;}

/*goods_form*/
.load_bg{
	background: url(../images/loading.gif) no-repeat center;
}
.a_button{
	background:url('../images/submit_bg.png') repeat 0 0;
	padding:8px 20px 8px 20px;
	color:#fff;
	margin:0 10px 0 10px;
}
.goods_form{
  width: 470px;
  margin: 30px 30px 0 0;
  height: auto;
}
.good_price{
  margin: 1em 0;
}
.choice_color{
  margin: 1.5em 0;
}
.choice_color span{
  border: solid 1px #ccc;
  padding: 2px 20px;
  cursor: pointer;
  margin-right: 15px;
}
.choice_color span:hover{
  border: solid 2px #0090ff;
  color: #0090ff;
}
#goods_numSelect {
  width: 50px;
}
.good_add{
  width: 430px;
  padding: 10px 20px;
}
.good_add input{
  width: 150px;
}

/*tap*/
.menu { padding: 0; clear: both; background: url(../images/tap_bottom_bg.png) repeat-x bottom;*display: inline-block;}
.menu li { display: inline;}
.menu li a { background: #fff; padding: 10px; float:left; border-bottom: none; text-decoration: none; color: #000; }
.menu li.active a { background: #fff;border-left: solid 1px #ccc;border-right: solid 1px #ccc; border-top: solid 3px #0090ff; border-bottom: solid 1px #fff;} 
.content { float: left; clear: both; border: 1px solid #fff; border-top: none; border-left: none; background: #fff; padding: 10px 20px 20px; width: 100%; }
/*---------------------------cart1------------------------*/
.cart_from_wrap{
  width: 840px;
  padding: 0 60px;
}
.step{
  color: #999;
  width: 280px;
  /*border-right: solid 5px #f3f3f3;*/
  padding: 10px 0;
  background: #D0D0D0;
}
#step_hover{
  background: #0090ff;
  color: #fff;
}
.goods_cart_from{
  width: 100%;
}
.goods_cart_from tr{
  background: #FFFFFF;
}
.goods_cart_from tr th{
  border: solid 1px #ccc;
  color: #666;
  padding: 10px 0;
}
.goods_cart_from tr td{
  font-size: 12px;
  border: solid 1px #ccc;
  background: none;
  background-color: #fff;
  text-align: center;
  padding: 6px 0;
}
.goods_choice{
  line-height: 70px;
  padding-left: 20px;
}
.goods_choice img{
  margin-right: 30px;
}
.goods_choice a{
  margin-right: 30px;
}
.settle{
  padding: 20px 0!important;
  background-color: #EEEFFF!important;
}
.settle p{
  padding-right: 20px;
}
.settle p input{
  margin-right: 0px;
}

/*---------------------------cart2------------------------*/
.address_Select{
  padding: 10px 4px;
  margin: 10px 0;
  width: 150px!important;
}
#UserAddress_address{
  width: 450px;
  height: 100px;
}

/*---------------------------cart3------------------------*/

/*---------------------------user------------------------*/
.user_nav_wrap{
  width: 178px;
  border-right: solid 1px #ccc;
}
.user_nav_wrap a:hover{
  background-color: #0090ff;
  color: #fff;
}
.user_goods_form{
  width: 760px;
}

/*ie 6*/
/*让position:fixed在IE6下可用! */
.fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;}
.fixed-bottom /* 底部固定 */{position:fixed;bottom:32px;top:auto;}
.fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;}
.fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;}
/* 上面的是除了IE6的主流浏览器通用的方法 */
* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
* html .fixed-top /* IE6 头部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
* html .fixed-right /* IE6 右侧固定 */ {position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
* html .fixed-bottom /* IE6 底部固定  */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
* html .fixed-left /* IE6 左侧固定 */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}